﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="productfeaturesprice.aspx.cs"
    Inherits="Wei8808Cms.WebSite.productfeaturesprice" %>

<%@ Register Src="UserControl/Top.ascx" TagName="Top" TagPrefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/media-queries.css">
    <link rel="stylesheet" href="css/prettyPhoto.css">
    <link rel="stylesheet" href="css/styles.zuperSlider.css">
    <!--[if IE 7]><link rel="stylesheet" href="css/ie7.css"><![endif]-->
    <!-- end CSS-->
    <!-- All JavaScript at the bottom, except for Modernizr / Respond.
       Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
       For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
    <script src="js/libs/modernizr-2.0.6.min.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div class="header_top">
        <div class="min_width">
            <div class='hotline ftl'>
                全国统一加盟财富热线：<span class='telephone'>40000-333-62</span></div>
            <div class="login ftr">
                <a href="#" class="login_button">登录</a> <a href="#" class="registration_button">免费注册</a>
            </div>
        </div>
    </div>
    <header id="main">

<div class="container">
<div class="header-meta">
  <uc1:Top ID="Top1" runat="server" />
  </div><!-- end of .header-meta -->
  </div><!-- end of .container -->
  <div class="clearfix"></div>

  <div class="motto-area">
      <div class="container">
          <h1>产品功能套餐价格</h1>
          
      </div>
  </div>
  
</header>
    <!-- end of header -->
    <div class="clearfix">
    </div>
    <div class="container page">
        <div class="content">
            <div class="white_table">
                <table>
                    <thead>
                        <tr>
                            <th>
                                抢先版<br />
                                <span>￥1288/年</span>
                            </th>
                            <th>
                                专业版<br />
                                <span>￥2288/年</span>
                            </th>
                            <th>
                                VIP版<br />
                                <span>￥3288/年</span>
                            </th>
                            <th>
                                钻石版<br />
                                <span>￥4288/年</span>
                            </th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr class="pricing_btn">
                            <td>
                                <a class="the_button" href="#">申请开通</a>
                            </td>
                            <td>
                                <a class="the_button" href="#">申请开通</a>
                            </td>
                            <td>
                                <a class="the_button active" href="#">申请开通</a>
                            </td>
                            <td>
                                <a class="the_button" href="#">申请开通</a>
                            </td>
                        </tr>
                    </tfoot>
                    <tbody>
                        <tr class="grey">
                            <td>
                                Up to 50 users
                            </td>
                            <td>
                                Up to 50 users
                            </td>
                            <td>
                                Up to 50 users
                            </td>
                            <td>
                                Up to 50 users
                            </td>
                        </tr>
                        <tr>
                            <td>
                                50 GB storage
                            </td>
                            <td>
                                50 GB storage
                            </td>
                            <td>
                                50 GB storage
                            </td>
                            <td>
                                50 GB storage
                            </td>
                        </tr>
                        <tr class="grey">
                            <td>
                                Unlimited Sets
                            </td>
                            <td>
                                Unlimited Sets
                            </td>
                            <td>
                                Unlimited Sets
                            </td>
                            <td>
                                Unlimited Sets
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Unlimited Workspaces
                            </td>
                            <td>
                                Unlimited Workspaces
                            </td>
                            <td>
                                Unlimited Workspaces
                            </td>
                            <td>
                                Unlimited Workspaces
                            </td>
                        </tr>
                        <tr class="grey">
                            <td>
                                iPhone App
                            </td>
                            <td>
                                iPhone App
                            </td>
                            <td>
                                iPhone App
                            </td>
                            <td>
                                iPhone App
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Private URLs
                            </td>
                            <td>
                                Private URLs
                            </td>
                            <td>
                                Private URLs
                            </td>
                            <td>
                                Private URLs
                            </td>
                        </tr>
                        <tr class="grey">
                            <td>
                                Enhanced Security
                            </td>
                            <td>
                                Enhanced Security
                            </td>
                            <td>
                                Enhanced Security
                            </td>
                            <td>
                                Enhanced Security
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- end of .content-->
    </div>
    <!-- end of .container -->
    <div class="clearfix">
    </div>
    <div class="footer">
        <div class="toggle-features-holder">
            <p class="toggle-features">
                Show the theme features</p>
        </div>
        <div class="features-area">
            <div class="container">
                <div class="one_third">
                    <figure>
    	<img src="img/services-icn.png" alt="Image description" title="Image title">
        </figure>
                    <div class="features-box">
                        <p>
                            <strong>Design</strong></p>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
                    </div>
                </div>
                <div class="one_third">
                    <figure>
    	<img src="img/services-1-icn.png" alt="Image description" title="Image title">
        </figure>
                    <div class="features-box">
                        <p>
                            <strong>Slideshows</strong></p>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
                    </div>
                </div>
                <div class="one_third last">
                    <figure>
    	<img src="img/services-2-icn.png" alt="Image description" title="Image title">
        </figure>
                    <div class="features-box">
                        <p>
                            <strong>Shortcodes</strong></p>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
                    </div>
                </div>
                <div class="one_third">
                    <figure>
    	<img src="img/services-3-icn.png" alt="Image description" title="Image title">
        </figure>
                    <div class="features-box">
                        <p>
                            <strong>Powerfull</strong></p>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
                    </div>
                </div>
                <div class="one_third">
                    <figure>
    	<img src="img/services-4-icn.png" alt="Image description" title="Image title">
        </figure>
                    <div class="features-box">
                        <p>
                            <strong>SEO</strong></p>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
                    </div>
                </div>
                <div class="one_third last">
                    <figure>
    	<img src="img/services-5-icn.png" alt="Image description" title="Image title">
        </figure>
                    <div class="features-box">
                        <p>
                            <strong>Mobile</strong></p>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-module-top">
            <div class="footer-module-bottom">
                <div class="footer-module-middle">
                    <div class="container">
                        <div class="one_third widget">
                            <h3>
                                Text area</h3>
                            <div class="text-area">
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pulvinar volutpat
                                    venenatis. Vestibulum molestie luctus rutrum. Maecenas gravida pretium justo, eget
                                    varius turpis pharetra vitae. Proin id elit sem, quis mattis leo. Mauris scelerisque,
                                    augue sit amet lobortis hendrerit, ipsum massa bibendum tortor. Read our <a href="#">
                                        privacy policy</a>.</p>
                            </div>
                            <ul class="follow-widget">
                                <li class="twitter"><a href="#">Twitter</a></li>
                                <li class="linkedin"><a href="#">Linkedin</a></li>
                                <li class="facebook"><a href="#">Facebook</a></li>
                                <li class="tumblr"><a href="#">Tumblr</a></li>
                                <li class="flickr"><a href="#">Flickr</a></li>
                            </ul>
                        </div>
                        <!-- end of .widget -->
                        <div class="one_third widget">
                            <h3>
                                Latest tweets</h3>
                            <div id="paging">
                                <div class="widget query">
                                </div>
                                <div class="controls">
                                    <button class="prev" type="button" disabled>
                                        &larr;</button>
                                    <span class="pagenum"></span>
                                    <button class="next" type="button" disabled>
                                        &rarr;</button>
                                </div>
                            </div>
                        </div>
                        <!-- end of .widget -->
                        <div class="one_third widget last">
                            <h3>
                                Latest blog post</h3>
                            <ul class="latest-post">
                                <li>
                                    <figure class="styled circle">
    	<a href="#">
        	<img class="left" src="img/blog-post-thumb.jpg" alt="Image description">
        </a>
        </figure>
                                    <div class="latest-popular-post-meta">
                                        <p class="title">
                                            Maecenas porta tellus eget</p>
                                        <p class="content">
                                            Lorem ipsum dolor sit amet tristi senectus et netus</p>
                                        <p class="blog-date">
                                            2013 / 10 Comments</p>
                                    </div>
                                </li>
                                <!-- end of .blog-post -->
                                <li>
                                    <figure class="styled circle">
    	<a href="#">
        	<img class="left" src="img/blog-post-thumb-1.jpg" alt="Image description">
        </a>
        </figure>
                                    <div class="latest-popular-post-meta">
                                        <p class="title">
                                            Pellentesque habitant morbi</p>
                                        <p class="content">
                                            Lorem ipsum dolor sit amet tristi senectus et netus
                                        </p>
                                        <p class="blog-date">
                                            2013/ 10 Comments</p>
                                    </div>
                                </li>
                                <!-- end of .blog-post -->
                            </ul>
                        </div>
                        <!-- end of .widget -->
                    </div>
                </div>
            </div>
        </div>
        <div class="clearfix">
        </div>
        <div class="footer-extra">
            <div class="container">
                <div class="one_third">
                    <p class="copy-name">
                        &copy; Thematic HTML Theme - More Templates <a href="http://www.cssmoban.com/">模板之家</a></p>
                </div>
                <!-- end of .one_third -->
                <div class="two_third last">
                    <ul class="contact-widget">
                        <li class="address">555 Soul Street, Bucharest, Romania</li>
                        <li class="phone">(555) 555-5555</li>
                        <li class="email"><a href="mailto:youremail@yourhosting.com">email@email.com</a></li>
                    </ul>
                </div>
                <!-- end of .two_third -->
            </div>
            <!-- end of .container -->
        </div>
        <!-- end of .footer-extra -->
    </div>
    <!-- end of footer -->
    <!-- JavaScript at the bottom for fast page loading -->
    <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>        window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>
    <!-- scripts concatenated and minified via ant build script-->
    <script defer src="js/script.js"></script>
    <script defer src="js/jquery.prettyPhoto.js"></script>
    <script defer src="js/jquery.responsinav.js"></script>
    <script defer src="js/jquery.easing.1.3.js"></script>
    <script defer src="js/jquery.tweet.js"></script>
    <!-- end scripts-->
    <script type="text/javascript">
        $(function () {

            $(window).responsinav({ breakpoint: 650 });

            /* ====== PrettyPhoto ====== */
            $("a[data-rel^='prettyPhoto']").prettyPhoto({ hook: 'data-rel' });
            $('a[data-rel]').each(function () {
                $(this).attr('rel', $(this).attr('data-rel')).removeAttr('data-rel');
            });

            /* ====== Tweet ====== */
            jQuery(function ($) {
                var options = {
                    username: "cssluxury",
                    page: 1,
                    avatar_size: 0,
                    count: 3,
                    loading_text: "loading ..."
                };

                var widget = $("#paging .widget"),
          next = $("#paging .next"),
          prev = $("#paging .prev");

                var enable = function (el, yes) {
                    yes ? $(el).removeAttr('disabled') :
                $(el).attr('disabled', true);
                };

                var stepClick = function (incr) {
                    return function () {
                        options.page = options.page + incr;
                        enable(this, false);
                        widget.tweet(options);
                    };
                };

                next.bind("checkstate", function () {
                    enable(this, widget.find("li").length == options.count)
                }).click(stepClick(1));

                prev.bind("checkstate", function () {
                    enable(this, options.page > 1)
                }).click(stepClick(-1));

                widget.tweet(options).bind("loaded", function () { next.add(prev).trigger("checkstate"); });
            });
        });
    </script>
    <script>
        $(document).ready(function () {
            $('.toggle-features-holder').click(function () {
                $('.features-area').animate({ opacity: 1.0 }, 200).slideToggle(function () {
                    $('p.toggle-features').text(
      $(this).is(':visible') ? "Hide the theme features" : "Show the theme features"
    );
                    $('.toggle-features-holder').toggleClass("closed");
                });
            });
        });
    </script>
    <script type="text/javascript">
        // table interaction
        jQuery(document).ready(function ($) {
            $('.white_table td, .white_table th')
		.live('mouseenter', function () {
		    var the_parent = $('.white_table');
		    the_parent.find('*').removeClass('border_blue');
		    var index = $(this).index();
		    the_parent.find('tr').each(function (i) {
		        var item = $(this);
		        if (item.hasClass('grey')) {
		            item.find('th:eq(' + index + ') , td:eq(' + index + ')').addClass('w_table_l_grey');
		        } else {
		            item.find('th:eq(' + index + ') , td:eq(' + index + ')').addClass('w_table_d_grey');
		        }
		    });
		})
		.live('mouseleave', function () {
		    $('.white_table').find('*').removeClass('w_table_d_grey').removeClass('w_table_l_grey');
		});

            $('.black_table td, .black_table th')
		.live('mouseenter', function () {
		    var the_parent = $('.black_table');

		    the_parent.find('*').removeClass('pricing_blue_btn');
		    var index = $(this).index();
		    the_parent.find('tr').each(function (i) {
		        var item = $(this);
		        if (item.hasClass('grey')) {
		            item.find('th:eq(' + index + ') , td:eq(' + index + ')').addClass('d_table_l_grey');
		        } else {
		            item.find('th:eq(' + index + ') , td:eq(' + index + ')').addClass('d_table_d_grey');
		        }
		    });
		})
		.live('mouseleave', function () {
		    $('.black_table').find('*').removeClass('d_table_l_grey').removeClass('d_table_d_grey');
		});
        });
        // table interaction END 
    </script>
    <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
chromium.org/developers/how-tos/chrome-frame-getting-started -->
    <!--[if lt IE 7 ]>
<script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
<script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
<![endif]-->
    </form>
</body>
</html>
